<!DOCTYPE html>
<html lang="zh-CN">
[#include "/theme/default/common/nav.html" /]
[#include "/theme/default/common/head.html" /]
[#include "/theme/default/common/footer.html" /]
<head>
[@head "图片分类" /]

[#include "/theme/default/common/page.html" /]

</head>
<body>
	<div class="fakeloader"></div>

    [@nav  5 /]
	<!-- /.navbar -->

	<div class="container">

		<div class="row">

			<div class="col-xs-12 col-sm-9">
				<p class="pull-right visible-xs">
					<button type="button" class="btn btn-primary btn-xs"
						data-toggle="offcanvas">Toggle nav</button>
				</p>
				<div class="row">
					[#list photos as item]
					<div class="col-xs-3" style="margin-bottom: 20px;">
						<img class="img-responsive img-thumbnail" alt="Responsive image" src="${item.thumb}">
					</div>
					[#else]
				    [/#list]
				    
				    <div class="col-xs-12  text-center">
				   [@pager page curpage "${siteurl}photo/catalog.htm?id=${id}" /]
				   </div>
				</div>
				<hr>
				<!--/row-->
			</div>
			<!--/.col-xs-12.col-sm-9-->

			<div class="col-xs-6 col-sm-3" id="sidebar">
				<div class="list-group">
				     [#if catalogs??]
				    [#list catalogs as item  ]
				    [#if item.id =id]
					<a href="${siteurl}photo/catalog.htm?id=${item.id}" class="list-group-item active">${item.name!""} (${item.nums!"0"})</a> 
					[#else]
					<a href="${siteurl}photo/catalog.htm?id=${item.id}" class="list-group-item ">${item.name!""} (${item.nums!"0"})</a> 
					[/#if]
					
					[/#list]
					[/#if]
				</div>
			</div>
			<!--/.sidebar-offcanvas-->
		</div>
		<!--/row-->

		<hr>

		[@footer /]

	</div>
	<!--/.container-->



</body>
</html>
